@charset "utf-8";

@import "reste";

.warp{
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
}
.header{
    width: 1280px;
    height: 125px;
     
    .header_logo{
       width: 249px;
       height: 34px;
       margin-left: 180px;
       margin-top: 49px;
       float: left;
       img{
           width: 249px;
           height: 34px;
       }
    }
    .header_dh{
        float: right;
        margin-right: 150px;
        margin-top: 15px;
        .header_dh_top {
            height: 12px;           
            text-align: right;
            padding-right: 14px; 
            ul li{            
            display: inline-block;                       
            padding-left: 4px;
            color: #b3b2b2;
            a{color: #b3b2b2;
            }
        }
        }
        .header_dh_bom{
            margin-top: 38px;
            ul li{
                float: left;
                padding: 0 14px;
                padding-bottom: 3px;
                &:hover{border-bottom: 4px solid #1abc9c;}
                              
                a{
                    color: #7a7878;               
                } 
                a:hover{
                    color: red;
                    }
            }
        }
    }
}
.bottom{
    width: 100%;
    height: 540px;
    margin: 0 auto;
    .bottom_top{
        height: 422px;
        background: #38373d;
        color: white;
        .bot_top_left{
            margin-left: 183px;
            padding-top: 194px;
            .left_saoma{
                text-align: center;
                width: 130px;
                height: 115px;
                font-size: 12px;
                float: left;
            }
            .left_xinxi{
                float: left;
                font-size: 12px;
                padding-left: 25px;
                i{font-size: 18px;padding-right: 10px;}
                li:first-child{font-size: 14px;padding-bottom: 10px;}
                li:nth-of-type(3){padding-left: 32px;padding-bottom: 10px;}
                li:nth-of-type(4){padding-bottom: 10px;}
            }
        }
        .bot_top_right{
            float: left;
            margin-top: -160px;
            padding-left: 25px;            
            .table {                
                th{
                text-align: left;
                color: white;
                padding-bottom: 10px;
                }
                input{
                width: 170px;
                height: 40px;               
                border: 0;
                border-radius: 5px;
                background: #5d6d7e;
                padding-left: 12px;
                outline: none;
                }
                ::-webkit-input-placeholder{color:gainsboro;}
            }
            
            .table_duiqi{
                text-align: right;
                input{width: 200px;
                }
            }            
            .table textarea{
                width: 394px;
                height: 144px;
                resize: none;
                outline: none;
                background: #5d6d7e;
                border: 0;
                border-radius: 5px;
                padding-top: 24px;
                padding-left: 12px;
                
            }
            .liuyan{
                text-align: right;
                input{color: white;
                      width: 100px;
                      font-size: 14px;
                      padding-right: 15px;
                      } 
                input:hover{
                    cursor: pointer;
                    background: #3498db;
                }      
            }
           
        }
    }
    .bottom_bom{
        height: 118px;
        background: #2c3e50;
        font-size: 12px;
        text-align: center;       
        padding-top: 40px;
        color: white;
        line-height: 20px;
    }
}
